<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./layuiadmin/style/index.css" media="all">
    <style>
        #container {
            width: 100%;
            height: 100%;
        }
        .amap-info-content{
            padding: 0;
        }
        .amap-info-close{
            /*display: none;*/
        }
        .layui-layer-shade {
          top: 75px !important;
          left: 15.5% !important;
          width: 69% !important;
        }
    </style>
</head>
<body>
    <div class="wrapper">
        <div id="container"></div>
        <div class="p15">
            <div id="showDiv" style="position: absolute; background-color: white; width:300px;white-space:normal; word-break:break-all;overflow:hidden;"></div>
            <div id="topBar">
              <img src="./images/top.svg"/>
            </div>
            <div id="leftBar">
              <!-- <div class="leftBarBtn">
                <i class="layui-icon layui-icon-left"></i>   
              </div> -->
              <div class="leftBar">
                <img src="./images/left.svg" class="leftSvg"/>
                <div class="flowInformationw">
                    <form class="layui-form" id="selectForm">
                        <div class="layui-form-item flowInformation">
                          <div class="layui-inline">
                              <select name="faultLine" id="lineRoad" lay-filter="majorListFilter">
                                  <option value="">请选择线路</option>
                              </select>
                          </div>
                          <div class="layui-inline">
                              <div class="dropDown">
                                <div class="layui-unselect layui-form-select downpanel" >
                                  <div class="layui-select-title" >
                                      <span class="layui-input layui-unselect" id="treeclass">请选择故障树</span>
                                      <input type="hidden" id="grainProperty" name="gzSb" lay-filter="couponType" layVerify="required" contentStyle="margin-right: 10%"/>
                                      <i class="layui-edge"></i>
                                  </div>
                                  <dl class="layui-anim layui-anim-upbit">
                                    <dd>
                                        <ul id="classtree"></ul>
                                    </dd>
                                  </dl>
                                </div>
                              </div>
                          </div>
                        </div>
                        <div class="layui-form-item flowInformation">
                          <div class="layui-inline">
                              <select name="gzZy" id="majorList" lay-filter="majorListFilter">
                                <option value="">请选择专业</option>
                              </select>
                          </div>
                          <div class="layui-inline">
                              <input type="text" class="layui-input" id="test5" placeholder="日期" name="date">
                          </div>
                        </div>
                        <div class="layui-form-item flowInformations">
                          <div class="layui-inline">
                              <input type="text" name="match" autocomplete="off" class="layui-input">
                              <i class="layui-icon layui-icon-search layuiadmin-button-btn searchBtn" lay-submit lay-filter="LAY-search"></i>
                          </div>
                          <div class="layui-inline">
                              <button class="layui-btn layuiadmin-btn-admin clearForm" type="reset">
                                  清空
                              </button>
                          </div>
                        </div>
                    </form>
                    <div class="leftData">
                        <div class="numBox">
                          <p>应急事件未处理完成数<span class="handleNum"></span></p>
                          <p>应急事件发生数<span class="hanpenNum"></span></p>
                          <div class="bottomLine"></div>
                        </div>
                      
                        <div class="falutPoint">
                          <h3 class="tableTitle">未处理完成</h3>
                          <div class="tableStyle">
                            <table id="untreated" lay-filter="untreated" lay-skin="line"></table>
                          </div>
                        </div>
                        <div class="finishBox">
                          <h3 class="tableTitle">处理完成</h3>
                          <div class="tableStyle finishTreated">
                            <table id="finishTreated" lay-filter="alarmComprehensive" lay-skin="line"></table>
                          </div>
                        </div>
                    </div>
                    <div class="leftDataHistory">
                        <div>
                          <div class="bottomLine"></div>
                          <div class="historyTable">
                            <div class="tableStyle">
                              <table id="history" lay-filter="history"></table>
                            </div>
                          </div>
                        </div>
                      <div>
                      <script type="text/html" id="historyContent">
                        <div class="historyContent">
                              <h3>{{d.faultTime === null ?'':d.faultTime}}</h3>
                              <p>{{d.faultContent===null?'':d.faultContent}}</p>
                        </div>
                      </script>
                  </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="guardPoint">
                <img src="./images/mapImg/processShortRectangle.svg"  class="guardPointSvg">
                <div class="guardPointCon">
                  <h3 class="tableTitle">正线值守点</h3>
                  <form class="layui-form guardPointForm" id="selectForm">
                    <div class="layui-form-item flowInformation">
                      <div class="layui-inline">
                          <select name="line" id="pointLine" >
                              <option value="">请选择线路</option>
                          </select>
                      </div>
                      <div class="layui-inline">
                        <div class="majorDropDown">
                          <div class="layui-unselect layui-form-select downpanel" >
                            <div class="layui-select-title" >
                                <span class="layui-input layui-unselect" id="dutyPointMajor">请选择专业</span>
                                <input id="dutyPointMajorValue" type="hidden" name="zy" lay-filter="couponType" layVerify="required" contentStyle="margin-right: 10%"/>
                                <i class="layui-edge"></i>
                            </div>
                            <dl class="layui-anim layui-anim-upbit">
                              <dd>
                                  <ul id="majorTree"></ul>
                              </dd>
                            </dl>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="layui-form-item flowInformation" style="text-align: right;">
                      <div class="layui-inline">
                        <div class="searchBtnBox" lay-submit lay-filter="dutyPointQueryButton">
                          <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                        </div>
                        <button id="dutyPointClear" class="layui-btn layuiadmin-btn-admin" type="reset">
                          清空
                        </button>  
                        </div>
                    </div>
                        
                    </div>
                </form>
                </div>
            </div>
            <div class="rightAbottom">
              <!-- <div class="rightBarBtn">
                <i class="layui-icon layui-icon-down"></i>   
              </div> -->
              <div class="rightBottomBar">
                <div id="popRepairPlan"></div>
                <div class="shape">
                  <div class="KeyInformationSection">
                    <img src="./images/process1.svg"/>
                    <div class="KeyInformationTxt">
                      <h3 class="tableTitle">故障关键信息详情 <i style="padding-right: 10px;" class="layui-icon layui-icon-close closeKeyInformation"></i></h3>
                      <div class="tableStyle">
                        <p class="KeyInformationDetails"></p>
                      </div>
                    </div>
                  </div>
                </div>
                <div id="popupBox"></div>
                <div id="rightBar">
                  <div class="rightTop">
                    <img src="./images/right_bottom.svg" style="margin-top: 10px;"/>
                    <div class="rightTopT">
                      <div class="tableStyle">
                        <table id="rightTopTable" lay-filter="rightTopTable"></table>
                      </div>
                    </div>
                  </div>
                  <div class="rightBottom">
                    <img src="./images/right.svg" class="rightSvg"/>
                    <div class="flowInformationr">
                      <a href="javascript:void(0);" class="flowCount"></a>
                      <div class="activeBox">
                        <form class="layui-form" action="">
                          <div class="layui-form-item proBox">
                            <div style="color: #fff; text-align: center;" class="flowText">
                              <a class="layui-btn layui-btn-sm state9" id="event_9" lay-event="event_0" major_value="9">车辆</a>
                              <a class="layui-btn layui-btn-sm state10" id="event_10" lay-event="event_1" major_value="10">供电</a>
                              <a class="layui-btn layui-btn-sm state11" id="event_11" lay-event="event_2" major_value="11">通号</a>
                              <a class="layui-btn layui-btn-sm state12" id="event_12" lay-event="event_3" major_value="12">工务</a>
                              <a class="layui-btn layui-btn-sm state13" id="event_13" lay-event="event_4" major_value="13">物后</a>
                            </div>
                          </div>
                        </form>
                      </div>
                      <div class="flowBox">
                        <div class="tableStyle">
                          <table id="p_list" lay-filter="p_list"></table>
                        </div>
                      </div>
                      <!-- <div class="resultTime">
                          <p><span class="fault-type"></span></p>
                          <p><span class="fault-response-time"></span></p>
                          <p><span class="fault-deal-time"></span></p>
                      </div> -->
                    </div>
                  
                  </div>
                 
                </div>
                <div id="bottomBar">
                  <img src="./images/bottom.svg"/>
                  <div class="bottomCar">
                    <div class="bottomCar1">
                      <div class="layui-carousel" id="carouselView1" name="test">
                        <div carousel-item id="preview1" >
                          <div><img src="./images/img.jpg"/></div>
                          <!-- <div><img src="./images/banner1.jpg"/></div>
                          <div><img src="./images/banner2.jpg"/></div>
                          <div><img src="./images/banner3.jpg"/></div>
                          <div><img src="./images/banner4.jpg"/></div>
                          <div><img src="./images/banner5.jpg"/></div> -->
                        </div>
                      </div>
                    </div>
                    <div class="bottomCar2">
                      <div class="layui-carousel" id="carouselView2">
                        <div carousel-item id="preview2">
                          <div><img src="./images/banner5.jpg"/></div>
                          <div><img src="./images/banner3.jpg"/></div>
                          <div><img src="./images/banner2.jpg"/></div>
                          <div><img src="./images/banner1.jpg"/></div>
                          <div><img src="./images/banner4.jpg"/></div>
                        </div>
                      </div>
                    </div>
                    <div class="bottomCar3">
                      <div class="layui-carousel" id="test3" style="height: 190px;">
                        <video width="100%" height="100%" controls="controls"></video>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </div>
    </div>
<!-- 加载地图JSAPI脚本 -->
<script src="https://webapi.amap.com/maps?v=2.0&key=1e6f2d428ca8785c938cfd88748e213a"></script>
<script src="layuiadmin/modules/util/maputil.js"></script>
<script src="./layuiadmin/layui/layui.js"></script>
<script src="./layuiadmin/layui/lay/modules/stopwatch.js"></script>
<script src="./layuiadmin/modules/util/hls.min.js"></script>
<script>
  layui.config({
    base: './layuiadmin/' //静态资源所在路径
  }).extend({
    home: '/modules/home',
    fault_flow: './modules/proxyUrl/fault_flow',
    mapDrawClick: './modules/mapDrawClick',
    right_bar:'./modules/proxyUrl/right_bar',
    http_proxy: './modules/proxyUrl/http_proxy',
    setter: 'config',
  }).use(['home'], function () { })
</script>
</body>
</html>